<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script type="text/javascript" src="js/vue.js"></script>
</head>
<body>
    <div id="app">
        <table>
            <tr>
                <td>编号</td>
                <td>姓名hhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhh</td>
                <td>年龄gggggggggggggggggggggggg</td>
                <td>头像ASDF</td>
            </tr>
            <tr v-for="student in students">
                <td>{{student.sno}}</td>
                <td>{{student.name}}</td>
                <td>{{student.age}}</td>
                <td><img :src="student.headimg"></td>
            </tr>
        </table>
    </div>
</body>
</html>
<script>
    var vm=new Vue({
        el:'#app',
        data:{
            students:[
                {sno:"1001",name:"tom",age:"18",headimg:"images/asd.jpg"},
                {sno:"1002",name:"jack",age:"19",headimg:"images/qwe.jpg"},
                {sno:"1003",name:"程心",age:"17",headimg:"images/asd.jpg"},
                {sno:"1004",name:"丁仪",age:"16",headimg:"images/qwe.jpg"},
            ]
        }
    });
</script>